<!doctype html><html lang="en"> <head>  <meta charset="UTF-8">  <title>三列模式布局</title> </head> <style>     *{padding:0px;margin:0px;}     #left{width:30%;height:700px;background:#223344;float:left;}     #center{width:50%;height:700px;background:#553344; float:left;}     #right{width:20%;height:700px;background:#993344; float:left;} </style> <body>  <div id="left" class="">left</div>	<div id="center" class="">center</div>	<div id="right" class="">right</div>	<hr>		<p> <script>document.write(document.lastModified);</script>  <a href="index.html">返回本章目录</a></p> </body></html>